/* common */
html{height:100%;overflow-y:scroll;min-width:800px;}
body{height:100%;font-size:12px;font-family:arial,helvetica,sans-serif;color:#000;}
*body{position:relative;}
a, input {outline:0}
a{text-decoration:none;}
.clearfix{zoom:1;}
.clearfix:after{content:'.';display:block;clear:both;visibility:hidden;height:0;font-size:0;}

/* .widget - grey */
.grey .widget{margin:0 0 10px 0;width:100%;}
.grey .widget .hd{height:28px;cursor:move;}
.grey .widget .hd .left{width:7px;height:28px;background:url(img/widgetbox_topleft.png) no-repeat;}
.grey .widget .hd .mid{height:28px;background:url(img/widgetbox_topmid.png) repeat-x;*z-index:9999;position:relative;display:block;}
.grey .widget .hd .right{width:7px;height:28px;background:url(img/widgetbox_topright.png) no-repeat;}
.grey .widget .hd .title{text-align:left;float:left;font-weight:bold;font-family:arial;font-size:12px;line-height:28px;overflow: hidden;white-space:nowrap;}
.grey .widget .hd .icon{float:right;padding:6px 0 0 0;zoom:1;}
.grey .widget .hd .icon a{display:inline-block;width:16px;height:16px;margin-left:2px;padding:0;}
.grey .widget .hd .icon a.btn_func_list{background:url('img/icon_widget_dropdown.png') 0 0 scroll no-repeat;}
.grey .widget .hd .icon a.btn_setting{background:url('img/icon_edit.png') 0 0 no-repeat;}
.grey .widget .hd .icon a.btn_server_setting{background:url('img/icon_serversetting.png') 0 0 no-repeat;}
.grey .widget .hd .icon a.btn_server_setting{background:url('img/icon_directoryMang.png') 0 0 no-repeat;}
.grey .widget .hd .icon a.btn_timer{background:url('img/icon_timer.png') 0 0 no-repeat;}
.grey .widget .hd .icon a.btn_refresh{background:url('img/icon_refresh.png') 0 0 no-repeat;}
.grey .widget .hd .icon a.btn_help{background:url('img/icon_help.png') 0 0 no-repeat;}
.grey .widget .hd .icon a.btn_close{background:url('img/icon_close.png') 0 0 no-repeat;}
.grey .widget .hd .icon a.btn_maximizeScreen{background:url('img/icon_maximize_screen.png') 0 0 no-repeat;}
.grey .widget .hd .icon a:hover{background-position:0 -16px;}
.grey .widget .hd .icon a:active{background-position:0 -32px;}
.grey .widget .bd{background:#fff;}
.grey .widget .bd .mid{padding:7px 1px 2px 1px;vertical-align:top;}
.grey .widget .bd .mid .widgetContent{overflow-x:auto;overflow-y:hidden;}
.grey .widget .bd .left{background:url(img/bg_dot.gif) left repeat-y #fff;}
.grey .widget .bd .right{background:url(img/bg_dot.gif) right repeat-y #fff;}
.grey .widget .bd embed{display:block;}
.grey .widget .bd object{display:block;}
.grey .widget .bd .loading{position:absolute;}
.grey .widget .ft .left{width:7px;height:7px;background:url(img/widgetbox_btmleft.png) no-repeat;}
.grey .widget .ft .mid{height:7px;background:url(img/widgetbox_btmmid.png) repeat-x;}
.grey .widget .ft .right{width:7px;height:7px;background:url(img/widgetbox_btmright.png) no-repeat;}
.grey .widget.temp{filter:alpha(opacity=50);opacity:0.5;}
.grey .widget.hide{display:none;}

/* Layout module */
.grey  .layout .box{float:left;min-height:200px;/*min-height:300px;width:300px;border:1px solid #000;*/}
.grey  .layout .box .func-list-cont{position:absolute;visibility:hidden;zoom:1;overflow:hidden;z-index:999;top:22px;right:-9px;}
.grey  .layout .box .func-list-cont .func-list{border:1px solid #999;padding:6px 0;background-color:#fff;zoom:1;}
.grey  .layout .box .func-list-cont .func-list li{padding:0 8px 0 28px;background:url() 8px 4px no-repeat scroll;font-size:12px;color:#000;font-family:arial;line-height:24px;text-align:left;cursor:pointer;}
.grey  .layout .box .func-list-cont .func-list li:hover{background-color:#e6f0fa;}
.grey  .layout .box .func-list-cont .func-list li.btn_help{background-image:url(img/icon_widget_help.png);}
.grey  .layout .box .func-list-cont .func-list li.btn_timer{background-image:url(img/icon_widget_timer.png);}
.grey  .layout .box .func-list-cont .func-list li.btn_setting{background-image:url(img/icon_widget_settings.png);}
.grey  .layout .box .func-list-cont .func-list li.btn_server_setting{background-image:url(img/icon_serversetting.png);}
.grey  .layout .box .func-list-cont .func-list li.btn_maximize_screen{background-image:url(img/icon_widget_max.png);}
.grey  .layout .box .func-list-cont .func-list li.btn_close{background-image:url(img/icon_widget_close.png);}

.grey  .layout .drag{height:200px;width:8px;margin:0 1px 10px 1px;float:left;position:static !important;}
.grey  .layout .drag.over{cursor:e-resize;background:#929294;}
.grey  .layout .newPosition{height:200px;border:1px dashed #ff0000;margin:0 0 10px 0;}

/* #layout_setting */
#layout_setting{padding:10px 0 0;}
#layout_setting .error_message{margin:0 10px;}
#layout_setting #layout_title{width:298px;height:20px;font-size:12px;font-family:arial;}
#layout_setting #autofit_off{margin:0 3px 0 30px;}
#layout_setting .row{padding:10px 0;background:url(img/bg_dotted.gif) top repeat-x;}
#layout_setting .row.first{background:none;}
#layout_setting .hd  .title{float:left;width:100px;font-weight:bold;font-size:12px;font-family:arial;}
#layout_setting .hd  .content{float:left;width:390px;font-size:12px;font-family:arial;}
#layout_setting .hd  .content input{margin:0 3px 0 0;}
#layout_setting .listrow .item{float:left;padding:10px 25px 10px 0;}
#layout_setting .listrow .item input{vertical-align:top;margin:0 5px 0 0;}
#layout_setting .listrow.border{border-top:1px solid #999;}
/* width: 90% is to fix the additional scrollbar problem*/
#layout_setting .hd  .content.blockSlideshowIntervalDescription{
	padding-left:17px;
	*padding-left:23px; /*IE7 hack*/
	padding-left:16px\9\0; /*IE9 hack*/
	width: 90%;
}

/* #modalTabSetting */
#modalTabSetting .modalContent{padding:0 !important;width:530px;}
#modalTabSetting .modalContent .hd{padding:10px}
#modalTabSetting .modalContent .bd{background:#f5f5f5;border-top:1px solid #ccc;padding:9px 9px 6px;}
#modalTabSetting .modalContent .bd .ui-button{float:right;margin:0 0 0 5px;}
#modalTabSetting .modalContent .hd{position:relative;}
#modalTabSetting .modalContent .hd .row .title .annnotation_hint{display:inline-block; background:url('img/icon_tooltip_info.png') no-repeat top; width:16px;height:16px;}
#modalTabSetting .modalContent .hd .row .title .annnotation_hint:hover{background:url(img/icon_tooltip_info.png) no-repeat right -16px;}
#modalTabSetting .modalContent .hd .row .title .annnotation_tip{width:300px;padding:5px;position:absolute;left:20px;bottom:40px;border:1px solid #4c94db;background:#e5effa;font-size:11px;font-weight:normal;}
#modalTabSetting .modalContent .hd .row .title .hide{display:none;}

/* .modalMaximizeScreen */
.modalMaximizeScreen .modalContent{padding:0 !important;}
.modalMaximizeScreen .modalContent .hd{padding:10px}
.modalMaximizeScreen .modalContent .bd{background:#f5f5f5;border-top:1px solid #ccc;padding:9px 9px 6px;}
.modalMaximizeScreen .modalContent .bd .ui-button{float:right;margin:0 0 0 5px;}
.modalMaximizeScreen .modalContent .hd{position:relative;}

/* #modalTimerSetting */
#modalTimerSetting .modalContent{padding:0 !important;}
#modalTimerSetting .modalContent .hd{padding: 10px 81px 10px 10px;}
#modalTimerSetting .modalContent .bd{background:#f5f5f5;border-top:1px solid #ccc;padding:9px 9px 6px;}
#modalTimerSetting .modalContent .bd .ui-button{float:right;margin:0 0 0 5px;}
#modalTimerSetting .modalContent .hd{position:relative;}
#modalTimerSetting #timer_unit_interval{margin-left: 3px;}
#modalTimerSetting .blockRefreshSettingsFrequency{
	padding: 10px 0 26px 17px;
	*padding-left: 23px; /*IE7 hack*/
}

/* #tempWidget */
#tempWidget{width:50px;height:37px;background:url(img/temp_widget.png) no-repeat;position:absolute;}

/* #add_widget */
#add_widget{background:#fff;text-align:left;min-width:800px;}
#add_widget .container{padding:10px;*position:relative;}
#add_widget .container .hd{border-bottom:2px solid #cc1414;}
#add_widget .container .hd h2{font-size:16px;font-weight:bold;padding-bottom:5px;}
#add_widget .container .bd{border:1px solid #ccc;border-top:1px solid #e0e0e0;background:#f3f4f5;}
#add_widget .container .bd table{width:100%;}
#add_widget .container .bd .category{width:230px;border-right:1px solid #ccc;vertical-align:top;}
#add_widget .container .bd .category ul{padding:0;margin:0;}
#add_widget .container .bd .category ul li a{display:block;border:1px solid #f3f4f5;border-bottom:1px solid #ccc;padding:6px 8px;color:#000;font-size:12px;width:230px;word-wrap:break-word;*overflow:hidden;}
#add_widget .container .bd .category ul li a:hover{text-decoration:underline;}
#add_widget .container .bd .category ul li a.selected{font-weight:bold;border:1px solid #3385d6;text-decoration:none;background:#d4e6fa;}
#add_widget .container .bd .content{padding:0 17px;vertical-align:top;}
#add_widget .container .bd .content .widget_search{background:url(img/bg_dotted2.gif) bottom repeat-x;padding:8px 0;}
#add_widget .container .bd .content .menu{padding:8px 0;}
#add_widget .container .bd .content .menu .pager{float:left;}
#add_widget .container .bd .content .menu .changeview{float:right;}
#add_widget .container .bd .content .menu .changeview a{padding:0;width:27px;height:21px;float:left}
#add_widget .container .bd .content .menu .changeview a.list{background:url(img/icon_listview.png) 0 0 no-repeat;}
#add_widget .container .bd .content .menu .changeview a.thumb{background:url(img/icon_thumbview.png) 0 0 no-repeat;}
#add_widget .container .bd .content .menu .changeview a.list.select{background-position:0 -42px;}
#add_widget .container .bd .content .menu .changeview a.thumb.select{background-position:0 -42px;}
#add_widget .container .bd .content .menu .changeview a.list:hover{background-position:0 -21px;}
#add_widget .container .bd .content .menu .changeview a.thumb:hover{background-position:0 -21px;}
#add_widget .container .bd .content .paginator{padding:0 0 10px 0;}
#add_widget .container .bd .content .paginator a{text-align:center;color:#0066cc;border:1px solid #999;width:20px;float:left;margin:0 5px 0 0;padding:4px 0;}
#add_widget .container .bd .content .paginator a.pre{width:80px;}
#add_widget .container .bd .content .paginator a.pre.disable{color:#7e7e7e;cursor:default;}
#add_widget .container .bd .content .paginator a.next{width:80px;}
#add_widget .container .bd .content .paginator a.next.disable{color:#7e7e7e;cursor:default;}
#add_widget .container .bd .content .paginator a.select{background:#999;color:#fff;font-weight:bold;text-decoration:none;cursor:default;}
#add_widget .container .bd .content .paginator .blank{color:#999;float:left;margin:5px 5px 0 0;}
#add_widget .container .bd .content .control{background:url(img/bg_dotted2.gif) top repeat-x;padding:10px 0;}
#add_widget .container .bd .content .control .ui-button,#add_widget .container .bd .content .control .data{margin:0 5px 0 0;float:left;}
#add_widget .container .bd .content .control .selected{padding:0 0 0 10px;line-height:24px;}
#add_widget .listview,#add_widget .thumbview{display:none;}
#add_widget .listview table,#add_widget .listview th,#add_widget .listview td{border:1px solid #b7b7b7;margin:0 0 10px 0;}
#add_widget .listview table th{background:url(img/bg_table_title.jpg) bottom repeat-x #fff;font-weight:bold;height:24px;padding:0 5px;font-size:12px;}
#add_widget .listview table th.dec span{padding:0 15px 0 0;background:url(img/ico_decrease.png) right 6px no-repeat;}
#add_widget .listview table th.inc span{padding:0 15px 0 0;background:url(img/ico_increase.png) right 6px no-repeat;}
#add_widget .listview table th.sort{cursor:pointer;}
#add_widget .listview table th.cate,#add_widget .listview table td div.breakword{width:100px;}
#add_widget .listview table th.update{width:140px;}
#add_widget .listview table td div.breakword{word-wrap:break-word;*overflow:hidden;}
#add_widget .listview table .box{width:20px;text-align:center;}
#add_widget .listview table .box input{vertical-align:middle;}
#add_widget .listview td{height:26px;background:#fff;padding:0 5px;font-size:12px;width:auto;}
#add_widget .listview td.new span.title{display:inline-block;}
#add_widget .listview tr.hover td{background:#e5effa;}
#add_widget .item {margin:0 0 10px 0;background-color:#fff;position:relative;left:0;top:0;z-index:0;border:1px solid #999;}
#add_widget .item .mod-content{background-color:none;position:relative;z-index:2;}
#add_widget .item .x0{background:#fff;display:block;height:10px;width:100%;position:absolute;top:0;left:0;}
#add_widget .item .x1, #add_widget .item .x1a, #add_widget .item .x2, #add_widget .item .x2a {display:block;clear:both;font-size:0;height:5px;position:relative;text-align:left;background:url(img/bg_rc2.jpg) no-repeat;}
#add_widget .item .x1, #add_widget .item .x2 {width:auto;right:-1px;}
#add_widget .item .x1a, #add_widget .item .x2a {width:5px;left:-2px;}
#add_widget .item .x1 {background-position:100% 0;top:-1px;}
#add_widget .item .x1a {background-position:0 -10px;}
#add_widget .item .x2 {position:absolute;width:100%;background-position:100% -5px;bottom:-1px;}
#add_widget .item .x2a {background-position:0 -15px;}
#add_widget .item .hd{border-bottom:2px solid #66a3e0;}
#add_widget .item .hd h3{padding:0 10px 6px;font-weight:bold;font-size:12px;}
#add_widget .item .hd h3 input{vertical-align:bottom;margin:0 5px 0 0;*vertical-align:middle;}
#add_widget .item .hd h3 label{display:inline-block;vertical-align:bottom;*vertical-align:middle;}
#add_widget .listview td.new span.star,#add_widget .item .hd h3.new span.star{background:url(img/orange_star.png) right -2px no-repeat;padding-right:15px;zoom:1;}
#add_widget .item .bd{border:none;background:none;padding:10px;}
#add_widget .item .bd .image{vertical-align:top;width:100px;padding:0 10px 0 0;}
#add_widget .item .bd .image .widgetlogo{display:block;}
#add_widget .item .bd .data{vertical-align:top;line-height:1.5;}
#add_widget .item .bd .data .description{margin:0 0 8px 0;font-size:12px;word-wrap:break-word;*overflow:hidden;}
#add_widget .item .bd .data .title{font-weight:bold;padding:0 5px 0 0;color:#333;}
#add_widget #keyword{font-size:12px;font-family:arial;height:16px;float:left;border:1px solid #999;border-right:1px solid #ccc;font-size:12px;margin:0;padding:0 0 0 2px;}
#add_widget #keyword.hint{color:#999;}
#add_widget a.clear{float:left;width:16px;height:16px;border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999;background:url(img/icon_clear.png) right top no-repeat #fff;margin:0;padding:0;}
#add_widget a:hover.clear{background:url(img/icon_clear.png) right -16px no-repeat #fff;}
#add_widget .error_message{padding:10px 10px 0;}
#add_widget .container .bd .content .thumbview .preview-container{position:absolute;z-index:2;visibility:hidden;}
/*#add_widget .container .bd .content .thumbview .preview-container.on{visibility:visible;}*/
#add_widget .container .bd .content .thumbview .preview-container .preview-layer{position:relative;min-width:150px;background-color:#f0f0f0;zoom:1;}
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-hd .tl-corner,
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-hd .pointer,
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-hd .tr-corner,
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-ft .bl-corner,
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-ft .pointer,
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-ft .br-corner{background:#f0f0f0 url(img/sf_preview_layer.png) 0 0 no-repeat scroll;}
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-hd{border-top:1px solid #4c4c4c;height:12px;*height:auto;*padding-bottom:12px;}
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-hd .tl-corner,
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-hd .tr-corner{width:10px;height:13px;position:absolute;top:0;}
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-hd .tl-corner{top:0;left:0;background-position:0 -12px;}
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-hd .tr-corner{top:0;right:0;background-position:-31px -12px;}
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-hd .pointer{width:19px;height:13px;display:block;background-color:transparent;background-position:-13px 0;position:absolute;left:30px;margin-top:-13px;visibility:hidden;}
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-bd{border-left:1px solid #4c4c4c;text-align:center;margin-right:2px;padding:0 10px 2px;}
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-bd img{vertical-align:bottom;}
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-ft{background:url(img/sf_x_preview_layer.png) 0 4px repeat-x scroll;height:12px;*height:auto;*padding-top:12px;}
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-ft .bl-corner,
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-ft .br-corner{width:9px;height:13px;position:absolute;bottom:0;}
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-ft .bl-corner{left:0;background-position:0 -23px;}
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-ft .br-corner{right:0;background-position:-32px -23px;}
#add_widget .container .bd .content .thumbview .preview-container .preview-layer .pre-ft .pointer{width:19px;height:14px;display:block;background-color:transparent;background-position:0 -39px;position:absolute;margin:7px 0 0 33px;visibility:hidden;*margin-top:-5px;}
#add_widget .container .bd .content .thumbview .preview-container .preview-underlay{width:3px;background:url(img/sf_y_preview_layer.png) 0 0 repeat-y scroll;position:absolute;top:12px;right:0;bottom:7px;}
#add_widget .container .bd .content .thumbview .preview-container.arrowup .pre-hd .pointer,
#add_widget .container .bd .content .thumbview .preview-container.arrowdown .pre-ft .pointer{visibility:inherit;}

/* widget pool update*/
#modalUpdateWidgetPoolMessage .modalContent {padding:0 !important;}
#modalUpdateWidgetPoolMessage .modalContent .hd {padding:0 10px;}
#modalUpdateWidgetPoolMessage .modalContent .update_widget_info{font-size:13px;padding-top:45px;text-align:center;vertical-align:middle;}
#modalUpdateWidgetPoolMessage .modalContent .update_widget {height:87px;text-align:center;padding-top:20px;}
#modalUpdateWidgetPoolMessage .modalTable .mm .top{height:4px;background:url(img/modal_top.gif) repeat-x;}
#modalUpdateWidgetPoolMessage .modalTable .mm .top .left{float:left;background:#a9a9a9 url(img/modal_topleft.gif) no-repeat; width:4px;height:4px;}
#modalUpdateWidgetPoolMessage .modalTable .mm .top .right{float:right;background:#a9a9a9 url(img/modal_topright.gif) no-repeat;width:4px;height:4px;}
#modalSuccessfullyUpdateWidgetPoolMessage .modalContent {padding:0 !important;}
#modalSuccessfullyUpdateWidgetPoolMessage .modalContent .hd {padding:0 10px;}
#modalSuccessfullyUpdateWidgetPoolMessage .modalContent .successfully_update_widget{height:73px;background:url(img/message_icon_ok_big.png) no-repeat center;}
#modalSuccessfullyUpdateWidgetPoolMessage .modalContent .successfully_update_widget_info{font-size:13px;text-align:center;vertical-align:middle;padding-bottom:35px;padding-top:5px;}
#modalSuccessfullyUpdateWidgetPoolMessage .modalContent .bd{background:#f5f5f5;border-top:1px solid #ccc;padding:7px;}
#modalSuccessfullyUpdateWidgetPoolMessage .modalContent .bd .ui-button{float:right;margin:0 0 0 5px;}
#modalSuccessfullyUpdateWidgetPoolMessage .modalTable .mm .top{height:4px;background:url(img/modal_top.gif) repeat-x;}
#modalSuccessfullyUpdateWidgetPoolMessage .modalTable .mm .top .left{float:left;background:#a9a9a9 url(img/modal_topleft.gif) no-repeat; width:4px;height:4px;}
#modalSuccessfullyUpdateWidgetPoolMessage .modalTable .mm .top .right{float:right;background:#a9a9a9 url(img/modal_topright.gif) no-repeat;width:4px;height:4px;}
#modalFailUpdateWidgetPoolMessage .modalContent {padding:0 !important;}
#modalFailUpdateWidgetPoolMessage .modalContent .hd {padding:0 10px;}
#modalFailUpdateWidgetPoolMessage .modalContent .fail_update_widget{height:73px;background:url(img/message_icon_error_big.png) no-repeat center;}
#modalFailUpdateWidgetPoolMessage .modalContent .fail_update_widget_info{font-size:13px;text-align:center;vertical-align:middle;padding-bottom:21px;}
#modalFailUpdateWidgetPoolMessage .modalContent .bd{background:#f5f5f5;border-top:1px solid #ccc;padding:7px;}
#modalFailUpdateWidgetPoolMessage .modalContent .bd .ui-button{float:right;margin:0 0 0 5px;}
#modalFailUpdateWidgetPoolMessage .modalTable .mm .top{height:4px;background:url(img/modal_top.gif) repeat-x;}
#modalFailUpdateWidgetPoolMessage .modalTable .mm .top .left{float:left;background:#a9a9a9 url(img/modal_topleft.gif) no-repeat; width:4px;height:4px;}
#modalFailUpdateWidgetPoolMessage .modalTable .mm .top .right{float:right;background:#a9a9a9 url(img/modal_topright.gif) no-repeat;width:4px;height:4px;}

/*#modalSCMUpdate*/
#modalSCMUpdate .modalContent {padding:0 !important;}
#modalSCMUpdate .modalContent .hd {padding:0 10px;}
#modalSCMUpdate .modalContent .update_widget_info{font-size:13px;padding-top:45px;text-align:center;vertical-align:middle;}
#modalSCMUpdate .modalContent .update_widget {height:87px;text-align:center;padding-top:20px;}
#modalSCMUpdate .modalTable .mm .top{height:4px;background:url(img/modal_top.gif) repeat-x;}
#modalSCMUpdate .modalTable .mm .top .left{float:left;background:#a9a9a9 url(img/modal_topleft.gif) no-repeat; width:4px;height:4px;}
#modalSCMUpdate .modalTable .mm .top .right{float:right;background:#a9a9a9 url(img/modal_topright.gif) no-repeat;width:4px;height:4px;}
#modalSCMUpdate .modalContent .fail_update_widget{height:73px;background:url(img/message_icon_error_big.png) no-repeat center;}
#modalSCMUpdate .modalContent .fail_update_widget_info{font-size:13px;text-align:center;vertical-align:middle;padding-bottom:21px;}
#modalSCMUpdate .modalContent .bd{background:#f5f5f5;border-top:1px solid #ccc;padding:7px;}
#modalSCMUpdate .modalContent .bd .ui-button{float:right;margin:0 0 0 5px;}
#modalSCMUpdate .modalContent .successfully_update_widget{height:73px;background:url(img/message_icon_ok_big.png) no-repeat center;}
#modalSCMUpdate .modalContent .successfully_update_widget_info{font-size:13px;text-align:center;vertical-align:middle;padding-bottom:35px;padding-top:5px;}


/* #tab_settings */
#tab_settings{padding:3px 5px;}
#tab_settings a{float:right;}
#tab_settings .button{float:right;height:24px;cursor:pointer;margin:0 2px 0 0;font-family:arial;font-size:11px;}
#tab_settings .button .left{float:left;width:2px;height:24px;}
#tab_settings .button .mid{float:left;height:16px;background:#f4f4f6;padding:4px 5px;}
#tab_settings .button .mid div{height:16px;color:#000;padding-left:20px;background:url(img/icon_addwidget.png) no-repeat left;line-height:16px;}
#tab_settings .button .right{float:left;width:2px;height:24px;}
#tab_settings .button.hover .left{background:url(img/bg_button_left.gif) no-repeat center;}
#tab_settings .button.hover .mid{border-top:1px solid #999;border-bottom:1px solid #999;height:16px;padding:3px 5px;}
#tab_settings .button.hover .right{background:url(img/bg_button_right.gif) no-repeat center;}
#add_widgets_btn .mid.new{background:url(img/orange_star.png) right 1px no-repeat;padding:4px 10px 4px 5px;}
#add_widgets_btn.hover .mid.new{padding:3px 10px 3px 5px;background:url(img/orange_star.png) right 0px no-repeat;}
#tab_settings #tab_setting_btn .mid div{background:url(img/icon_tabsetting.png) no-repeat left;}

#slide_show_btn.button{cursor: hand;}
#slide_show_btn.button,
#slide_show_btn.button.play,
#slide_show_btn.button.play.hover,
#slide_show_btn.button.stop,
#slide_show_btn.button.stop.hover{float:left;}
#tab_settings #slide_show_btn.button .left{height:22px;color:#000;width: 22px;background:url(img/btn_playslide.png) no-repeat;line-height:22px;}
#tab_settings #slide_show_btn.button.play .left{background-position: 0 0;}
#tab_settings #slide_show_btn.button.play.hover .left{background-position: 0 -22px;}
#tab_settings #slide_show_btn.button.stop .left{background-position: 0 -44px;}
#tab_settings #slide_show_btn.button.stop.hover .left{background-position: 0 -66px;}
#tab_settings #slide_show_btn.button .mid,
#tab_settings #slide_show_btn.button.play .mid,
#tab_settings #slide_show_btn.button.stop .mid{background: none;border: 0;float:left;height:22px;padding:0;}
#tab_settings #slide_show_btn.button.play.hover .mid,
#tab_settings #slide_show_btn.button.stop.hover .mid{padding:0;background:url(img/btn_playslide_mid_hover.png) repeat-x 0 50%;height:22px;line-height:22px;}
#tab_settings #slide_show_btn.button .mid div,
#tab_settings #slide_show_btn.button.play .mid div,
#tab_settings #slide_show_btn.button.play.hover .mid div,
#tab_settings #slide_show_btn.button.stop .mid div,
#tab_settings #slide_show_btn.button.stop.hover .mid div{height:22px;color:#000;padding: 0 5px;background:none;line-height:22px;font-size: 11px;}
#tab_settings #slide_show_btn.button .right,
#tab_settings #slide_show_btn.button.play .right,
#tab_settings #slide_show_btn.button.stop .right{background: none;border: 0;float:left;height:22px;padding:0;}
#tab_settings #slide_show_btn.button.play.hover .right,
#tab_settings #slide_show_btn.button.stop.hover .right{padding:0;background:url(img/btn_playslide_right_hover.png) no-repeat 0 50%;width: 3px;height:22px;line-height:22px;}

/* #tab_panel */
#tab_panel{padding:0;margin:0;}
#tab_panel  .tab_title{float:left;color:#000;font-family:arial;font-size:12px;padding:6px 10px 0px;white-space:nowrap;}
#tab_panel .tab_middle .tab_controls{float:left;}
#tab_panel .tab_close_btn{width:12px;height:12px;background:url(img/icon_close_tab.png) no-repeat;cursor:pointer;margin:7px 0 0 0;display:none;}
#tab_panel .tab_icon {display:none;}
#tab_panel .tab_box_selected{height:26px;float:left;margin:0 1px 0 0;display:block;}
#tab_panel .tab_box_selected .tab_left{float:left;background:url(img/tab_left.png) 0 -52px no-repeat;width:4px;height:26px;}
#tab_panel .tab_box_selected .tab_middle{float:left;background:url(img/tab_mid.png) 0 -52px repeat-x;height:26px;}
#tab_panel .tab_box_selected .tab_right{float:left;background:url(img/tab_right.png) 0 -52px no-repeat;width:4px;height:26px;}
#tab_panel .tab_box_selected .tab_title{color:#fff;font-weight:bold;}
#tab_panel .tab_box_selected .tab_close_btn{display:block;}
#tab_panel .tab_box_selected .tab_close_btn.hide{display:none;}

/* .ui-button */
.ui-button{height:24px;float:left;}
.ui-button div,.grey .widget .bd .ui-button div{float:left;height:24px;line-height:24px;cursor:pointer;}
.ui-button.disable div,.grey .widget .bd .ui-button.disable div{cursor:default;}
.ui-button.hover div,.grey .widget .bd .ui-button.hover div{background-position:0 -24px;}
.ui-button.pressed div,.grey .widget .bd .ui-button.pressed div{background-position:0 -48px;}
.ui-button.focus div,.grey .widget .bd .ui-button.focus div{background-position:0 -72px;}
.ui-button.disable div,.grey .widget .bd .ui-button.disable div{background-position:0 -96px;}
.ui-button.hover div.mid,.grey .widget .bd .ui-button.hover div.mid{background-position:right -24px;}
.ui-button.pressed div.mid,.grey .widget .bd .ui-button.pressed div.mid{background-position:right -48px;}
.ui-button.focus div.mid,.grey .widget .bd .ui-button.focus div.mid{background-position:right -72px;}
.ui-button.disable div.mid,.grey .widget .bd .ui-button.disable div.mid{background-position:right -96px;color:#999;}
.ui-button .left,.grey .widget .bd .ui-button .left{display:block !important;width:5px;background:url(img/btn_medium_left.png) 0 0 no-repeat;}
.ui-button .mid,.grey .widget .bd .ui-button .mid{padding:0 20px 0 15px !important;background:url(img/btn_medium_right.png) right 0 no-repeat;font-family:arial;font-size:12px;min-width:50px;text-align:center !important;}

.ui-link{color:#0066cc;cursor:pointer;text-decoration:underline;}
.ui-link:hover{color:#FF0000;}

/* #ui-tab */
#ui-tab .add_tab{float:left;}
#ui-tab .wrapper{float:left;}
#ui-tab .previous, #ui-tab .next{float:left;display:none;}
#ui-tab #tab_box{display:none;}
#ui-tab .tab_box{cursor:pointer;height:26px;float:left;margin:0 1px 0 0;}
#ui-tab .tab_box .tab_left{float:left;background:url(img/tab_left.png) 0 0 no-repeat;width:4px;height:26px;}
#ui-tab .tab_box .tab_middle{float:left;background:url(img/tab_mid.png) 0 0 repeat-x;height:26px;}
#ui-tab .tab_box .tab_right{float:left;background:url(img/tab_right.png) 0 0 no-repeat;width:4px;height:26px;}
#ui-tab .tab_box.hover .tab_left{background-position:0 -26px;}
#ui-tab .tab_box.hover .tab_middle{background-position:0 -26px;}
#ui-tab .tab_box.hover .tab_right{background-position:0 -26px;}
#ui-tab .tab_box .tab_add_icon{background:url(img/icon_add_tab.png) no-repeat;margin:8px 10px;width:10px;height:11px;}
#ui-tab .tab_box .tab_pre_icon{background:url(img/icon_arrowleft_tab.png) no-repeat;margin:8px 3px;width:5px;height:11px;}
#ui-tab .tab_box .tab_next_icon{background:url(img/icon_arrowright_tab.png) no-repeat;margin:8px 3px;width:5px;height:11px;}
#ui-tab.scroll .wrapper{overflow:hidden;}
#ui-tab.scroll .wrapper .tab_panel{}
#ui-tab.scroll .previous, #ui-tab.scroll .next{display:block;}
#ui-tab .container{float:left;}
#ui-tab .temp{border:1px dashed #ff0000;border-bottom:none;float:left;margin:0 1px 0 0;}

/* #ui-timer */
#ui-timer.play ,#ui-timer.stop{width: 7px;height: 22px;float: left;padding-left: 15px;}
#ui-timer.play,#ui-timer.play:link,#ui-timer.play:visited{background: url(img/btn_play.png) 0 0;}
#ui-timer.play:hover{background: url(img/btn_play.png) 0 44px;}
#ui-timer.play:active{background: url(img/btn_play.png) 0 22px;}

#ui-timer.stop,#ui-timer.stop:link,#ui-timer.stop:visited{background: url(img/btn_stop.png) 0 0;}
#ui-timer.stop:hover{background: url(img/btn_stop.png) 0 44px;}
#ui-timer.stop:active{background: url(img/btn_stop.png) 0 22px;}

/* #tab_method */
#tab_method {position:absolute;z-index:101;}
#tab_method  .bd .mid a.item{padding:5px;display:block;border:1px solid #f0f0f0;color:#000;text-decoration:none;font-size:11px;font-family:arial;white-space:nowrap;}
#tab_method  .bd .mid a:hover.item{border:1px solid #3485d6;background:#cbe0f5;}
#tab_method  .bd .mid div{background:#f0f0f0;border:1px solid #666;padding:1px;}
#tab_method  .bd .right{background:url(img/shadow_right2.png) repeat-y;width:5px;}
#tab_method  .ft .mid{background:url(img/shadow_btm2.png) repeat-x;height:5px;}
#tab_method  .ft .right{background:url(img/shadow_btmright.png) no-repeat;width:5px;height:5px;}

/* #page_header */
#page_header{display:none;margin: 0 11px;}
#page_header .topMenu{padding:4px 0;}
#page_header #help_link{display:none;float:right;width:22px;height:22px;padding:0;background:url(../../../../../img/default/icon_help.png) no-repeat 0 0;}
#page_header #help_link:hover{background-position:0 -22px;}
#page_header #help_link:active{background-position:0 -44px;}
#page_header #server_visib{display:none;}
#page_header #server_visib{text-decoration:none;font:11px "Arial";float:right;padding:0 5px 0 18px;color:#000;line-height:22px;}
#page_header #server_visib:hover{color:#ff0000;}
#page_header #server_visib.server_visib_online{background:url(img/icon_server.png) no-repeat left center;}
#page_header #server_visib.server_visib_offline{background:url(img/server_offline_16.gif) no-repeat left center;}
#page_header #tab_footbar span{display:block;height:2px;background:#7f7f7f;}
#page_header #product_header{text-align:left;float:left;}
#page_header #product_message{text-align:left;}

/* #page_body */
#page_body{background:#f3f4f4;margin:0 11px;border:1px solid #ccc;position:relative;zoom:1;overflow:hidden;}
#page_body.off{position:absolute;top:-9999px;left:-9999px;}
#page_body > .canvas{visibility:hidden;padding:10px 10px 0;position:absolute;zoom:1;height:100%;width:99%;top:0;}

/* #modalServerList */
#modalServerList .modalContent{padding:0 !important;width:650px;}
#modalServerList .modalContent #messageBox,#modalServerList .modalContent #serverlist_setting{*margin-right:15px;}
#modalServerList .modalContent .hd{padding:10px;}
#modalServerList .modalContent .bd{background:#f5f5f5;border-top:1px solid #ccc;padding:9px 9px 6px;*margin-right:-15px;*padding-right:23px;}
#modalServerList .modalContent .bd .ui-button{float:right;margin:0 0 0 5px;}
#modalServerList #messageBox .message{padding:10px 10px 0;}
#serverlist_setting .panel{padding:2px;border:1px solid #b2b2b2;background:#f2f2f2;*width:99%;}
#serverlist_setting .panel .option{float:left;margin-right:50px;min-width:290px;}
#serverlist_setting .panel .lastupdate{float:right;line-height:24px;padding:0 5px 0 0;white-space:nowrap;}
#serverlist_setting .panel a{color:#000;}
#serverlist_setting .panel a:hover{text-decoration:none;}
#serverlist_setting .panel .option a{padding:2px 0 2px 20px;}
#serverlist_setting .panel .option a.add_server{background:url(img/icon_addserver.png) left center no-repeat;}
#serverlist_setting .panel .option a.del_server{background:url(img/icon_remove.png) left center no-repeat;}
#serverlist_setting .panel .option a.refresh{background:url(img/icon_refresh2.png) left center no-repeat;}
#serverlist_setting .panel .option .button{background:url(img/bg_panel.gif) left center no-repeat;float:left;padding:0 2px 0 3px;}
#serverlist_setting .panel .option .button.first{background:none;margin-left:0;padding:0 2px 0 0;}
#serverlist_setting .panel .option .button .left{float:left;width:2px;height:24px;}
#serverlist_setting .panel .option .button .mid{float:left;line-height:18px;height:18px;background:#f4f4f6;padding:3px 3px 3px 1px;}
#serverlist_setting .panel .option .button .right{float:left;width:2px;height:24px;}
#serverlist_setting .panel .option .button.hover .left{background:url(img/bg_button_left.gif) no-repeat center;}
#serverlist_setting .panel .option .button.hover .mid{border-top:1px solid #999;border-bottom:1px solid #999;padding:2px 3px 2px 1px;}
#serverlist_setting .panel .option .button.hover .right{background:url(img/bg_button_right.gif) no-repeat center;}
#serverlist_setting .status_img{float:left;padding:2px 0 0;}
#serverlist_setting .serverlist{border:1px solid #b2b2b2;margin:5px 0 0 0;width:100%;}
#serverlist_setting .serverlist th{border:1px solid #b2b2b2;padding:0 6px;font-weight:bold;height:23px;background:url(img/bg_table_title.jpg) bottom repeat-x #fff;}
#serverlist_setting .serverlist th.edit{width:50px;}
#serverlist_setting .serverlist td{background:#fff;border:1px solid #b2b2b2;padding:0 6px;height:23px;}
#serverlist_setting .serverlist td.addrcol{width:350px;}
#serverlist_setting .serverlist tr.hover td{background:#e5effa;}
#serverlist_setting .serverlist .check{width:13px;}
#serverlist_setting .serverlist a.edit{display:block;width:18px;height:18px;background:url(img/icon_edit2.png) no-repeat;padding:0;margin:0 auto;}
#serverlist_setting .serverlist .ip{padding:3px;width:310px;float:left;}
#serverlist_setting .serverlist input{vertical-align:middle;}
#serverlist_setting .addserver{border:1px solid #b2b2b2;border-top:none;padding:10px 30px;display:none;}
#serverlist_setting .addserver table{width:545px;}
#serverlist_setting .addserver table td{padding:3px;}
#serverlist_setting .addserver .text,#serverlist_setting .addserver td#displayblock div input[type="text"],#serverlist_setting .addserver td#displayblock div input[type="password"]{width:350px;}
#serverlist_setting .addserver .example{color:#666;}
#serverlist_setting .addserver .cancel{margin:0 0 0 5px;}
#serverlist_setting .addserver  div#hiddenblock{display:none;}
#serverlist_setting .addserver td#displayblock span{float:left;width:94px;word-wrap:break-word;margin-right:5px;padding-top:2px;*width:95px;}
#serverlist_setting .addserver td#displayblock div div{width:100%;overflow:hidden;padding-bottom:5px;}
#serverlist_setting .proxyserver{margin-top:5px;}
#serverlist_setting .proxyserver .title{border:1px solid #b2b2b2;background:url(img/bg_table_title.jpg) bottom repeat-x #fff;height:24px;line-height:24px;*width:99.7%;}
#serverlist_setting .proxyserver .title.hover{border:1px solid #3385d6;}
#serverlist_setting .proxyserver .title h3{float:left;font-weight:bold;padding:0 0 0 6px;}
#serverlist_setting .proxyserver .title a{float:left;margin:6px 0 0 10px;width:13px;height:13px;background:url(img/icon_expand.png) no-repeat;padding:0;}
#serverlist_setting .proxyserver .title a.on{background-position:0 -26px;}
#serverlist_setting .proxyserver .title a.on:hover{background-position:0 -39px;}
#serverlist_setting .proxyserver .title a.off{background-position:0 0;}
#serverlist_setting .proxyserver .title a.off:hover{background-position:0 -13px;}
#serverlist_setting .proxyserver .form{padding:6px;border:1px solid #b2b2b2;border-top:none;display:none;}
#serverlist_setting .proxyserver table{width:100%;}
#serverlist_setting .proxyserver table td{padding:3px;}
#serverlist_setting .proxyserver table td.separate{background:url(img/bg_dotted3.gif) center repeat-x;}
#serverlist_setting .proxyserver .cancel{margin:0 0 0 5px;}
#serverlist_setting .proxyserver #protocol_socks5{margin-left:10px;}
#serverlist_setting .proxyserver .check{width:13px;}
#serverlist_setting .proxyserver .second{width:150px;}
#serverlist_setting .proxyserver #proxy_port{width:80px;}
#serverlist_setting .proxyserver #proxy_server,#serverlist_setting .proxyserver #proxy_user,#serverlist_setting .proxyserver #proxy_password{width:230px;}
#serverlist_setting .hd .servers{overflow:visible;}
#proxy_content{overflow:visible;}

/* #product_message */
#product_message{display:none;}

/* others */
.loading_text{width:auto;text-align:center;color:#666666;}
#add_tab.no_add_tab_button{display:none;}
#tab_setting_btn.no_edit_tab_button{display:none;}
#add_widgets_btn.no_add_widget_button{display:none;}
#add_widgets_btn.add_widget_button{display:block;}
#tab_settings{background:#f3f4f4;border:1px solid #ccc;border-bottom:none;}
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');}

/* #modalServerSetting */
#modalServerSetting .modalContent{padding:0 !important;width:650px;}
#modalServerSetting .modalContent .hd{padding:10px}
#modalServerSetting .modalContent .bd{background:#f5f5f5;border-top:1px solid #ccc;padding:9px 9px 6px;}
#modalServerSetting .modalContent .bd .ui-button{float:right;margin:0 0 0 5px;}
#modalServerSetting .modalContent .bd .check{float:left;line-height:24px;}
#modalServerSetting .modalContent .bd .check .check_server{color:#0000FF;text-decoration:underline;}
#modalServerSetting .modalContent #serverSetting_message .message{margin:10px 10px 0;}
#modalServerSetting .serverlist{width:100%;}
#modalServerSetting .serverlist th{border:1px solid #b2b2b2;padding:0 6px;font-weight:bold;height:23px;background:url(img/bg_table_title.jpg) bottom repeat-x #fff;}
#modalServerSetting .serverlist td{background:#fff;border:1px solid #b2b2b2;padding:0 6px;height:23px;}
#modalServerSetting .serverlist .check{width:60px;}
#modalServerSetting .serverlist .status_img{float:left;padding:2px 0 0;}
#modalServerSetting .serverlist .ip{padding:3px;width:370px;float:left;}
#modalServerSetting .serverlist input{vertical-align:middle;}
#modalServerSetting .serverlist .type{width:120px;}
#modalServerSetting .serverlist .checkbox{text-align:center;}

/* loader */
#loader{height:100%;margin:0 auto;text-align:center;vertical-align:middle;width:100px;}
#wf_main{display:none;}

/* .template1 */
.template1{font-size:11px;}

/* .template2 - mainConsole */
.template2 #page_header{padding-top:6px;padding-right:15px;}
.template2 #page_header .topMenu{border-bottom:1px dotted #636363;padding-bottom:4px;margin-bottom:10px;}
.template2 #page_header .topMenu .page_title{float:left;color:#333;font-size:13px;font-weight:bold;}
.template2 #page_header .topMenu .online_help_link{float:right;padding-bottom:4px;padding-left:20px;font-size:10px;color:#0F71E8;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bolder;background:url(../../../../../../images/question_cui.gif) no-repeat 0 0;}
.template2 #page_header .topMenu .online_help_link:hover{color:#000066;}
.template2 #page_header .topMenu .blockPolicyHelp{font-family:Verdana,Arial,Helvetica,sans-serif;}
/* Hide tab*/
.template2 .floter{display:none !important;}
.template2 #page_body{border:none;margin:0;background:none;}
.template2 #page_body .layout{padding:10px;border:none;}
.template2 #page_body .layout .box{min-height:100%;}
.template2 #page_body .layout .widget{margin:0;}
.template2 #page_body .layout .widget .hd{display:none;}
.template2 #page_body .layout .widget .bd .mid{padding:0;}
.template2 #page_body .layout .widget .bd .left, .template2 #page_body .layout .widget .bd .right{display:none;}
.template2 #page_body .layout .widget .bd .ui-button .left{display:block;}
.template2 #page_body .layout .widget .ft{display:none;}
.template2 #page_body .layout .widget .bd .mid .widgetContent{overflow:hidden;width:auto !important;}

/* .template3 */
.template3 #page_header{padding-top:6px;padding-right:15px;}
.template3 #page_header .topMenu{border-bottom:1px dotted #636363;padding-bottom:4px;}
.template3 #page_header .topMenu .page_title{float:left;color:#333;font-size:13px;font-weight:bold;}
.template3 #page_header .topMenu .online_help_link{float:right;padding-bottom:4px;padding-left:20px;font-size:10px;color:#0F71E8;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bolder;background:url(../../../../../../images/question_cui.gif) no-repeat 0 0;}
.template3 #page_header .topMenu .online_help_link:hover{color:#000066;}
.template3 .floter{display:none !important;}
.template3 #page_body{border:none;margin:0;background:none;}
.template3 #page_body .layout{padding:0 10px 10px 10px;border:none;}
.template3 #page_body .layout .box{width:100% !important;}
.template3 #page_body .layout .widget{margin:0;}
.template3 #page_body .layout .widget .hide{display:none;}
.template3 #page_body .layout .widget .hd{display:none;}
.template3 #page_body .layout .widget .bd .mid{padding:0;}
.template3 #page_body .layout .widget .bd .left, .template3 #page_body .layout .widget .bd .right{display:none;}
.template3 #page_body .layout .widget .ft{display:none;}
.template3 #page_body .layout .widget .bd .mid .widgetContent{overflow:hidden;width:auto;}
.template3 #page_body .layout .widget .component{width:99%;margin:3px;border:1px solid #b2b2b2;}
.template3 #page_body .layout .widget .component_hd{background:url(img/bg_expend_menu.png) 0 0 repeat-x;}
.template3 #page_body .layout .widget .component_hd th{border-bottom:1px solid #9d9d9d;}
.template3 #page_body .layout .widget .component_hd .title{position:relative;height:26px;cursor:pointer;}
.template3 #page_body .layout .widget .component_hd .title .name{padding-left:30px;font-weight:normal;}
.template3 #page_body .layout .widget .component_hd .title .name.on{background:url(img/arrow_up.png) 10px center no-repeat;}
.template3 #page_body .layout .widget .component_hd .title .name.off{background:url(img/arrow_down.png) 10px center no-repeat;}
.template3 #page_body .layout .widget .component_hd .title .name.disable{color:#666;}
.template3 #page_body .layout .widget .component_hd .title .status{color:red;margin-left:3px;}
.template3 #page_body .layout .widget .component_hd .switch_border{position:absolute;top:0;right:0;background:url(img/slidebutton_line.png) left center no-repeat;}
.template3 #page_body .layout .widget .component_hd .switch_border .switch_button{width:37px;height:16px;margin:5px 10px;cursor:pointer;}
.template3 #page_body .layout .widget .component_hd .switch_border .switch_button.left_switch{background:url(img/slide_blue.png) 0 0 no-repeat;}
.template3 #page_body .layout .widget .component_hd .switch_border .switch_button.right_switch{background:url(img/slide_orange.png) 0 0 no-repeat;}
.template3 #page_body .layout .widget .component_hd .switch_border .switch_tip{position:absolute;top:-10px;right:60px;z-index:2;padding:0 10px;font-weight:normal;color:#666;white-space:nowrap;background:#ffffcc;border:1px solid #868686;}
.template3 #page_body .layout .widget .component_bd .container{padding:10px;}
.template3 #page_body .layout .widget .component_bd .container_message{padding:5px;text-align:center;}
.template3 .breadcrumb{text-align:left;font-size:11px;margin:2px 0 0;}
.template3 .content .wf_message ul.message{margin:15px 0 0;}

/* .template4 */
/*hide WGF template(begin)*/
.template4 #page_header{padding-top:6px;padding-right:15px;}
.template4 #page_header .topMenu{border-bottom:1px dotted #636363;padding-bottom:4px;margin-bottom:10px;}
.template4 #page_header .topMenu .page_title{float:left;color:#333;font-size:13px;font-weight:bold;}
.template4 #page_header .topMenu .online_help_link{float:right;padding-bottom:4px;padding-left:20px;font-size:10px;color:#0F71E8;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bolder;background:url(../../../../../../images/question_cui.gif) no-repeat 0 0;}
.template4 #page_header .topMenu .online_help_link:hover{color:#000066;}
.template4 .floter{display:none !important;}
.template4 #page_body{border:none;margin:0 20px 0 0;background:none;}
.template4 #page_body .layout{padding:10px;border:none;}
.template4 #page_body .layout .box{width:100% !important;}
.template4 #page_body .layout .widget{margin:0;}
.template4 #page_body .layout .widget .hide{display:none;}
.template4 #page_body .layout .widget .hd{display:none;}
.template4 #page_body .layout .widget .bd .mid{padding:0;}
.template4 #page_body .layout .widget .bd .left, .template4 #page_body .layout .widget .bd .right{display:none;}
.template4 #page_body .layout .widget .ft{display:none;}
.template4 #page_body .layout .widget .bd .mid .widgetContent{overflow:hidden;width:auto !important;}
/*hide WGF template(end)*/

/* .template5*/
.template5 #page_header{padding-top:6px;padding-right:15px;}
.template5 #page_header .topMenu{border-bottom:1px dotted #636363;padding-bottom:4px;margin-bottom:10px;}
.template5 #page_header .topMenu .page_title{float:left;color:#333;font-size:13px;font-weight:bold;}
.template5 #page_header .topMenu .online_help_link{float:right;padding-bottom:4px;padding-left:20px;font-size:10px;color:#0F71E8;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bolder;background:url(../../../../../../images/question_cui.gif) no-repeat 0 0;}
.template5 #page_header .topMenu .online_help_link:hover{color:#000066;}
.template5 .floter{display:none !important;}
.template5 #page_body{display:none !important;}
.template5 #update_configure_widget_and_widget_component{margin:15px 30px 0 10px;text-align:left;line-height: 2;}
.template5 .content.configure_widget{margin-bottom:20px;}
.template5 .content table th.current_version{width:160px;}
.template5 .content table th.status{width:200px;}
.template5 .content table th.action{width:250px;}
.template5 .content table td .status_update_info {padding-left:5px;}
.template5 .content table td .version_info{float:left;}
.template5 .content table td .tip_info{float:left;display:inline-block;margin-top:4px;margin-left:5px;background:url('img/icon_tooltip_info.png') no-repeat top; width:16px;height:16px;}
.template5 .content table td .tip_info:hover{background:url(img/icon_tooltip_info.png) no-repeat right -16px;}
.template5 .modalContent {padding:0 !important;}
.template5 .modalContent .hd {padding:0 10px;}
.template5 #modalUpdateMessage .modalContent .update_info{padding-top:45px;text-align:center;vertical-align:middle;}
.template5 #modalUpdateMessage .modalContent .update_loading {height:85px;text-align:center;padding-top:20px;}
.template5 #modalUpdateMessage .modalTable .mm .top{height:4px;background:url(img/modal_top.gif) repeat-x;}
.template5 #modalUpdateMessage .modalTable .mm .top .left{float:left;background:#a9a9a9 url(img/modal_topleft.gif) no-repeat; width:4px;height:4px;}
.template5 #modalUpdateMessage .modalTable .mm .top .right{float:right;background:#a9a9a9 url(img/modal_topright.gif) no-repeat;width:4px;height:4px;}
.template5 #modalSuccessfullyUpdateMessage .modalContent .successfully_update{height:73px;background:url(img/message_icon_ok_big.png) no-repeat center;}
.template5 #modalSuccessfullyUpdateMessage .modalContent .successfully_update_info{text-align:center;vertical-align:middle;padding-bottom:35px;padding-top:5px;}
.template5 #modalSuccessfullyUpdateMessage .modalContent .bd{background:#f5f5f5;border-top:1px solid #ccc;padding:7px;}
.template5 #modalSuccessfullyUpdateMessage .modalContent .bd .ui-button{float:right;margin:0 0 0 5px;}
.template5 #modalSuccessfullyUpdateMessage .modalTable .mm .top{height:4px;background:url(img/modal_top.gif) repeat-x;}
.template5 #modalSuccessfullyUpdateMessage .modalTable .mm .top .left{float:left;background:#a9a9a9 url(img/modal_topleft.gif) no-repeat; width:4px;height:4px;}
.template5 #modalSuccessfullyUpdateMessage .modalTable .mm .top .right{float:right;background:#a9a9a9 url(img/modal_topright.gif) no-repeat;width:4px;height:4px;}
.template5 #modalFailUpdateMessage .modalContent .fail_update{height:73px;background:url(img/message_icon_error_big.png) no-repeat center;}
.template5 #modalFailUpdateMessage .modalContent .fail_update_info{text-align:center;vertical-align:middle;padding-bottom:21px;}
.template5 #modalFailUpdateMessage .modalContent .bd{background:#f5f5f5;border-top:1px solid #ccc;padding:7px;}
.template5 #modalFailUpdateMessage .modalContent .bd .ui-button{float:right;margin:0 0 0 5px;}
.template5 #modalFailUpdateMessage .modalTable .mm .top{height:4px;background:url(img/modal_top.gif) repeat-x;}
.template5 #modalFailUpdateMessage .modalTable .mm .top .left{float:left;background:#a9a9a9 url(img/modal_topleft.gif) no-repeat; width:4px;height:4px;}
.template5 #modalFailUpdateMessage .modalTable .mm .top .right{float:right;background:#a9a9a9 url(img/modal_topright.gif) no-repeat;width:4px;height:4px;}

/* WFPager */
.comPager{float:right;height:26px;margin:0px;padding-right:10px;vertical-align:middle;}
.comPager li{float:left;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;height:26px;margin-left:2px;line-height:26px;}
.comPager .mozilla .pager .pageInput, .mozilla .pager .pager_per_page{line-height:25px;}
.comPager .pageInput, .pager .pager_per_page{line-height:24px;}
.comPager .btn{background:url(img/pager_btn.gif) no-repeat center;cursor:pointer;height:17px;margin-top:4px;width:17px;}
.comPager .records{background: url("img/tool_panel_div.png") no-repeat right center;padding-right:10px;}
.comPager .btn_first{background-position:0px -204px;}
.comPager .btn.btn_first_hover{background-position:0px -221px;}
.comPager .btn_first.disabled{background-position:0px -255px;cursor: default;}
.comPager .btn.btn_prev{background-position:0px -68px;}
.comPager .btn.btn_prev.disabled{background-position:0px -119px;cursor: default;}
.comPager .btn.btn_prev_hover{background-position:0px -85px;}
.comPager .btn_next{background-position:0px 0px;}
.comPager .btn_next.disabled{background-position:0px -51px;cursor: default;}
.comPager .btn_next_hover{background-position:0px -17px;}
.comPager .btn_last{background-position:0px -136px;}
.comPager .btn_last.disabled{background-position:0px -187px;cursor: default;}
.comPager .btn_last_hover{background-position:0px -153px;}
.comPager .pager_current_page{font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;height:12px;vertical-align:middle;width:25px;}
.comPager .pager_current_page{}
.comPager .pager_per_page{background: url("img/tool_panel_div.png") no-repeat left center;padding-left: 5px;}
.comPager .pager_per_page select{font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;vertical-align:middle;width:50px;}

/* WFSortingTable*/
.comSortingTable thead th span{cursor: pointer;padding-right: 10px;}
.comSortingTable_iconAsc{padding-right: 10px;background: url(img/arrow_up.png) no-repeat right center;}
.comSortingTable_iconDesc{padding-right: 10px;background: url(img/arrow_down.png) no-repeat right center;}

/* ui-grid */
.ui-grid .func{background:#f5f5f5;border:1px solid #b2b2b2;border-bottom:none;padding:3px 10px;}
.ui-grid .func li{float:left;cursor:pointer;padding-left:7px;margin-right:7px;background:url(img/bg_split.jpg) left center no-repeat;}
.ui-grid .func li.first{background:none;}
.ui-grid .func li.disable{cursor:default;color:#939393;opacity:0.4;}
.ui-grid .func li div{padding:0 5px 0 25px;font-size:11px;border:1px solid #f5f5f5;}
.ui-grid .func li.disable div.hover{border-color:#f5f5f5;}
.ui-grid .func li div.hover{border-color:#999;border-radius:3px;moz-border-radius:3px;-webkit-border-radius:3px;}
.ui-grid .func li.first div{margin:0;}
.ui-grid .func .add{background:url(img/icon_addserver.png) 3px center no-repeat;}
.ui-grid .func .refresh{background:url(img/icon_refresh2.png) 3px center no-repeat;}
.ui-grid .func .edit_proxy{background:url(img/icon_reference.png) 3px center no-repeat;}
.ui-grid .func .directory{background:url(img/icon_directoryMang.png) 3px center no-repeat;}
.ui-grid table{width:100%;}
.ui-grid table th{font-weight:normal;background:url(img/bg_grid_title.jpg) bottom repeat-x;}
.ui-grid table input{vertical-align:middle;}
.ui-grid table th,.ui-grid table td{border:1px solid #b2b2b2;padding-left:5px;padding-right:5px;}
.ui-grid table th span{padding-right:10px;cursor:pointer;}
.ui-grid table th span.no_sort{padding-right:0px;cursor:auto;}
.ui-grid .dataTable .hide td{display:none;}
.ui-grid .dataTable .grid_loading{width:100%;text-align:center;padding:10px;}
.ui-grid .dataTable .grid_loading img{vertical-align:middle;}
.ui-grid .td_pager{background:#f5f5f5;}
.ui-grid .dataTable .pagination{font-size:11px;}
